<script setup>
import { ref } from "vue";
const value = ref(null);
const groupChange = (val) => {
  console.log(val);
};
</script>

<template>
  <view class="main">
    <view class="text text-tabs-type">
      <text class="tabs-question">这里是问题描述啊</text>
      <view class="msg-tabs-box">
        <u-radio-group size="14px" v-model="value" @change="groupChange">
          <u-radio
            iconSize="14px"
            activeColor="#3588fe"
            label="思悠悠，恨悠悠，恨到归时方始休"
            :name="1"
          ></u-radio>
          <u-radio
            iconSize="14px"
            activeColor="#3588fe"
            label="思悠悠，恨悠悠，恨到归时方始休"
            :name="2"
          ></u-radio>
          <u-radio
            iconSize="14px"
            activeColor="#3588fe"
            label="思悠悠，恨悠悠，恨到归时方始休"
            :name="3"
          ></u-radio>
        </u-radio-group>
      </view>
    </view>
  </view>
</template>

<style lang="scss" scoped>
.msg-tabs-box {
  width: 100%;

  color: #999;
  font-size: 24rpx;
  .msg-tabs-item {
    display: flex;
    justify-content: space-between;
  }
}
.text-tabs-type {
  width: 100%;
}
</style>
